<div class="content-wrap-full-height">
  <nz-card [nzBordered]="false" [nzBodyStyle]="{padding:'10px'}">
    <div class="left-start-center">
      <nz-breadcrumb>
        <nz-breadcrumb-item>
          首页
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>
          标签类型管理
        </nz-breadcrumb-item>
      </nz-breadcrumb>
    </div>
  </nz-card>
</div>


<div class="normal-table-wrap">
  <nz-card [nzBodyStyle]="{'padding-bottom':0}" class="m-b-10">
    <form nz-form>
      <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24}">
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
          <nz-form-item>
            <nz-form-label [nzFor]="">标签名称</nz-form-label>
            <nz-form-control>
              <input nz-input name="typeName" placeholder="标签名称" [(ngModel)]="searchParam.typeName"/>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24"></div>
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24" class="text-right p-0">
          <button nz-button [nzType]="'primary'" (click)="getDataList()"><i nz-icon nzType="search"></i>搜索</button>
          <button nz-button class="m-l-15" (click)="resetForm()"><i nz-icon nzType="close-circle" nzTheme="outline"></i>重置
          </button>
        </div>
      </div>
    </form>
  </nz-card>
  <app-card-table-wrap [needAddBtn]="true" (add)="add()">
    <app-ant-table (selectedChange)="selectedChecked($event)" (changePageSize)="changePageSize($event)"
                   (changePageNum)="getDataList($event)"
                   [tableConfig]="tableConfig" [tableData]="dataList"></app-ant-table>
    <ng-template #operationTpl let-typeName="typeName" let-id="id">
      <span class="operate-text" (click)="del(id)"><i nz-icon nzType="delete" nzTheme="outline"></i>删除</span>
      <span class="operate-text" (click)="edit(id)"><i nz-icon nzType="edit" nzTheme="outline"></i>编辑</span>
    </ng-template>
  </app-card-table-wrap>

</div>
